<template>
	<view class="questions">
		<view class="test-header">
			<view @tap="showModal">
				<view><image src="../../static/jiaojuan.png"></image></view>
				<text>交卷</text>
			</view>
			<!-- <view>倒计时 10:00</view> -->
			<view @tap="showFixed">私照飞机 {{swiperIndex}}/{{lists.length}}</view>
		</view>
		<swiper :current="swiperIndex - 1" @change="swiperChange" class="questions-cont">
			<swiper-item v-for="(item,index) in lists" :key="index" class="swiper-item">
				<view class="test-main">
					<!-- 题目 -->
					<view class="test-title">
						<text v-if="item.code == 1">单选</text>
						<text v-else>多选</text>
						{{item.title}}
						<view class="test-title-img" v-if="item.src_title != ''">
							<image :src="item.src_title"></image>
						</view>
					</view>
					<!-- 选项 -->
					<view class="test-cont">
						<view v-for="(item2,index2) in item.testList" :key="index2" @tap="testItem(index,index2,item.code)" 
						:class="{active_true:(!item.code2 && item2.code) || (item.code == 2 && item2.click_index),active:(item.code == 1 && item2.click_index && !item2.code) || (item.code == 2 && item2.click_index && !item2.code && !item.code2)}">
							<view>{{item.option[index2]}}</view>
							<text v-if="item.isimg == 1">{{item2.name}}</text>
							<image v-else :src="item2.name"></image>
						</view>
					</view>
				</view>
				<!-- 按钮 -->
				<view class="test-btn" @tap="btnNext(index)" v-if="item.code == 2 && item.code2">
					确认选项
				</view>
				<view class="test-describe" v-if="!item.code2">
					<view class="describe-title">
						<text>本题描述</text>
					</view>
					<view class="describe-cont">
						<text>正确答案：<text v-for="(item2,index2) in item.true_option" :key="index2">{{item.option[item2]}}</text></text>
						<text>您的答案：<text v-for="(item3,index3) in item.current" :key="index3">{{item.option[item3]}}</text></text>
						<text>本题解析：{{item.alt}}</text>
					</view>
				</view>
			</swiper-item>
		</swiper>
		<!-- 答题卡 -->
		<view class="fixed-bottom" :class="{active:show_hide}" @click.stop="hideFixed">
			<view class="tibiao" @click.stop>
				<!-- 统计数据 -->
				<view class="tibiao-bar">
					<text class="tibiao-no3">未答{{choice[2]}}</text><!-- 未选择 -->
					<view class="tibiao-null"></view>
					<text class="tibiao-no2">错误{{choice[1]}}</text><!-- 选择错误 -->
					<view class="tibiao-no"></view>
					<text class="tibiao-yes2">正确{{choice[0]}}</text><!-- 选择正确 -->
					<view class="tibiao-yes"></view>
				</view>
				<!-- 答题图示 -->
				<view>
					<text v-for="(item,index) in lists.length" :key="index"
					:class="{active_o:lists[index].topic && !lists[index].code2,active_t:!lists[index].topic && !lists[index].code2}" @tap="topic(index)">{{item}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var _self; 
	
	export default {
		data() {
			return {
				objects:[],
				loadMoreText : "加载更多",
				showLoadMore : false,
				pageNum : 1,
				//每次加载的记录数
				pageSize : 10,
				//解决列表触底加载过程中服务器新增数据问题
				createTimeTo : "",
				token:"",
				swiperIndex:1,//swiper 当前下标
				show_hide:false,//题标是否隐藏 默认false 为隐藏
				istest:1,//1为练习 2为模拟 3为考试
				choice:[2,2,5],//[选择正确，选择错误，未选择]
				lists:[],
				
				// lists:[
				// 	{
				// 		title:"",//题目
				// 		src_title:"",//题目是否有图片
				// 		isimg:"",//1为文字 2为图片 选项
				// 		code:"",//1为单选 2为多选
				// 		option:[],//选项
				// 		true_option:[],//正确选项
				// 		current:[],//当前所选
				// 		topic:"",//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:"",//选项选择状态 默认为true false为选择
				// 		alt:"",//本题描述
				// 		testList:[//选项
				// 			{
				// 				name:"",//选项
				// 				code:"",//是否为正确答案
				// 				click_index:"",//选项是否选中
				// 			}
				// 		]
				// 	}],
				
				// lists:[
				// 	{
				// 		title:'请选择下列正确选项1',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:1,//1为单选 2为多选
				// 		option:['A','B','C','D'],//选项
				// 		true_option:[0],//正确选项
				// 		current:[0],//当前所选
				// 		topic:true,//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:false,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[//选项
				// 			{
				// 				name:'正确答案',//选项
				// 				code:true,//是否为正确答案
				// 				click_index:true,//选项是否选中
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
				// 	{
				// 		title:'请选择下列正确选项2',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:1,//1为单选 2为多选
				// 		option:['A','B','C','D','E'],//选项
				// 		true_option:[1],//正确选项
				// 		current:[3],//当前所选
				// 		topic:false,//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:false,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[//选项
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:true,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
				// 	{
				// 		title:'请选择下列正确选项3',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D'],//选项
				// 		true_option:[0,2],//正确选项
				// 		current:[1,2],//当前所选
				// 		topic:false,//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:false,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:true,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:true,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
					
				// 	{
				// 		title:'请选择下列正确选项4',
				// 		src_title:'../../static/banner02.jpg',//题目是否有图片
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D'],
				// 		true_option:[1,2,3],//正确选项
				// 		current:[1,2,3],//当前所选
				// 		topic:true,
				// 		code2:false,
				// 		isimg:1,//1为文字 2为图片 选项
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',
				// 		testList:[
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:true,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:true,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:true,
				// 			}
				// 		],
				// 	},
				// 	{
				// 		title:'请选择下列正确选项5',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:1,//1为单选 2为多选
				// 		option:['A','B','C','D'],//选项
				// 		true_option:[0],//正确选项
				// 		current:[],//当前所选
				// 		topic:'',//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:true,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[//选项
				// 			{
				// 				name:'正确答案',//选项
				// 				code:true,//是否为正确答案
				// 				click_index:false,//选项是否选中
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
				// 	{
				// 		title:'请选择下列正确选项6',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D','E'],//选项
				// 		true_option:[0,2,4],//正确选项
				// 		current:[],//当前所选
				// 		topic:'',//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:true,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[//选项
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
				// 	{
				// 		title:'请选择下列正确选项7',//题目
				// 		src_title:'',//题目是否有图片
				// 		isimg:1,//1为文字 2为图片 选项
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D'],//选项
				// 		true_option:[1,3],//正确选项
				// 		current:[],//当前所选
				// 		topic:'',//所选是否正确 默认为'' true为正确 控制选项高亮
				// 		code2:true,//选项选择状态 默认为true false为选择
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',//本题描述
				// 		testList:[
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			}
				// 		]
				// 	},
				// 	{
				// 		title:'请选择下列正确选项8',
				// 		src_title:'',//题目是否有图片
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D'],
				// 		true_option:[1,2,3],//正确选项
				// 		current:[],//当前所选
				// 		topic:'',
				// 		code2:true,
				// 		isimg:2,//1为文字 2为图片 选项
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',
				// 		testList:[
				// 			{
				// 				name:'../../static/banner01.jpg',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'../../static/banner02.jpg',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'../../static/banner03.jpg',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'../../static/banner04.jpg',
				// 				code:true,
				// 				click_index:false,
				// 			}
				// 		],
				// 	},
				// 	{
				// 		title:'请选择下列正确选项9',
				// 		src_title:'../../static/banner02.jpg',//题目是否有图片
				// 		code:2,//1为单选 2为多选
				// 		option:['A','B','C','D'],
				// 		true_option:[1,3],//正确选项
				// 		current:[],//当前所选
				// 		topic:'',
				// 		code2:true,
				// 		isimg:1,//1为文字 2为图片 选项
				// 		alt:'正确答案正确答案正确答案正确答案正确答案正确答案正确答案正确答案',
				// 		testList:[
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'错误答案',
				// 				code:false,
				// 				click_index:false,
				// 			},
				// 			{
				// 				name:'正确答案',
				// 				code:true,
				// 				click_index:false,
				// 			}
				// 		],
				// 	}
				// ]
			};
		},
		onLoad: async function(e){
			_self = this;
			//获取主题颜色
			_self.mainColor = _self.$myFunction.appConfig().mainColor;
			//获取应用名称
			_self.appName = _self.$myFunction.appConfig().appName;
			//记录时间，用于列表查询，必须在查询列表请求前获取时间
			_self.createTimeTo = _self.$myFunction.nowTime('Y-m-d H:i:s');
			
			//获取token，同步方法
			_self.token =  await _self.$myFunction.getToken();
			_self.token = _self.token.token;
			
			_self.getList();
		},
		// onShow:function(e){
		// 	_self.getList();
		// },	
		methods:{
			showModal(){// 左上角交卷
				uni.showModal({
				    title: '提示',
				    content: '确认要交卷吗？',
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
				
			},
			swiperChange(e){ //swiper滑动
				this.swiperIndex = e.detail.current + 1; //当前题
			},
			testItem(a,b,c){// a:当前题  b:当前选项 c:单选多选】
				if(_self.lists[a].code2){//当前题是否已选
					_self.lists[a].testList[b].click_index = !_self.lists[a].testList[b].click_index//切换选项选中状态
					if(c == 1){//为1 表示单选
						_self.lists[a].code2 = false //为false 则表示已选
						_self.lists[a].current = [b]
						if(_self.lists[a].testList[b].code){
							_self.lists[a].topic = true
							_self.swiperIndex ++
							_self.choice[0] ++
							_self.choice[2] --
						}else{
							_self.lists[a].topic = false
							_self.choice[1] ++
							_self.choice[2] --
						}
					}
				}
			},
			btnNext(e){ //多选 确认按钮
				let a = []
				_self.lists[e].testList.forEach( (item,index) =>{
					if(item.click_index == true){
						console.log(_self.lists[e]);
						_self.lists[e].current.push(index)
						if(item.code == true){
							a.push(index)
						}
					}
				})
				console.log(_self.lists[e].current.length > 0);
				if(_self.lists[e].current.length > 0){
					_self.lists[e].code2 = false
					if(a.length == _self.lists[e].true_option.length && a.length == _self.lists[e].current.length){
						_self.lists[e].topic = true
						this.swiperIndex ++
						_self.choice[0] ++
						_self.choice[2] --
					}else{
						_self.lists[e].topic = false
						_self.choice[1] ++
						_self.choice[2] --
					}
				}else{
					uni.showToast({
					    title: '请选择选项',
						icon:'none',
					    duration: 1500
					});
				}
			},
			topic(e){
				console.log(this.lists[e].true_option,this.lists[e].current,!this.lists[e].code2);
				this.swiperIndex = e + 1
				this.show_hide = !this.show_hide
			},
			showFixed(){
				this.show_hide = !this.show_hide
			},
			hideFixed(){
				this.show_hide = !this.show_hide
			},
			nullFixed(){
				//占位 不可删
			},
			// 获取题目列表
			getList: function(content){
				uni.showToast({
					title: '请稍后...',
					duration:_self.$myFunction.appConfig().requestWaitTime,
					icon: 'none',
				});
				if(_self.$myFunction.isEmpty(content)){
					var params = {
						'pageNum':_self.pageNum,
						'pageSize':_self.pageSize,
						'field':"createTime",
						'createTimeTo':_self.createTimeTo,
						'order':'desc',
						'status':"1"
					};
				}else{
					var params = {
						'field1':content,
						'pageNum':_self.pageNum,
						'pageSize':_self.pageSize,
						'field':"createTime",
						'createTimeTo':_self.createTimeTo,
						'order':'desc',
						'status':"1"
					};	
				}
				//重新获取一次token，防止接口返回认证失败系统重新获取的token未被使用
				_self.token = _self.$myFunction.appStorage('wuLuToken').token;
				uni.request({
					url:  _self.$myFunction.appConfig().serverAddress+'topicList',
					data: params,
					method : "POST",
					header : {
						'content-type':'application/x-www-form-urlencoded',
						'Authentication':_self.token
					},		
					success: data => {
						// 刷新完毕后关闭刷新
						uni.hideToast();
						uni.stopPullDownRefresh();
						// _self.$myFunction.displayLog("服务器返回数据："+JSON.stringify(data));					
						if (data.data.code == 200) {
							//总记录数
							var total = data.data.data.total;
							// _self.$myFunction.displayLog("服务器返回数据总记录数："+total);
							var objectsData=data.data.data.rows;
							// _self.$myFunction.displayLog("服务器返回当前查询条件记录数："+objectsData.length);						
							if(total == 0){//查询到0条记录
								return;
							}else{
								if(_self.showLoadMore){//触底加载数据
									if(_self.objects.length == total){
										_self.loadMoreText = "没有更多数据了";
										_self.pageNum = 1;
									}else if(_self.objects.length < total){//后台有未加载数据
										//以用户打开界面那一刻作为时间参考点
										//两种情况：
										//1、后台有未加载历史数据
										//2、后台有新增数据（此种情况不处理，因为需要刷新列表才能将最新数据展示在最前方）
										//listObjectNum:总记录数-当前列表记录数
										for (let i = 0; i < objectsData.length; i++) {
											//避免第2种情况发生时循环过后列表会产生重复记录(有时间参数createTimeTo，此种情况不存在)
											// let duplicateRecord = false;
											// for(let j = 0;j<_self.objects.length;j++){
											// 	if(_self.objects[j].id == objectsData[i].id){
											// 		duplicateRecord = true;
											// 	}
											// }
											// if(!duplicateRecord){
												_self.objects.push(objectsData[i]);
											// }
										}
										//返回的行数小于pageSize，证明数据已全部加载完毕
										if(objectsData.length<_self.pageSize){
											_self.loadMoreText = "没有更多数据了";
										}else{
											_self.loadMoreText = "加载更多";
										}
									}else if(_self.objects.length > total){//后台有删除数据
										//后台有数据被删除时不做数据处理，即前端显示有已被删除的数据
										//此时，当点击记录查看详情时应提示"此发布已删除"
										_self.loadMoreText = "没有更多数据了";
									}
								}else{//普通重新加载
									// _self.objects.splice(0);	
									_self.lists.splice(0);
									for (let i = 0; i < objectsData.length; i++) {
										let listsTemp = {};
										//题目
										listsTemp.title = objectsData[i].field4;
										// console.log(listsTemp.title);
										//题目是否有图片
										listsTemp.src_title = objectsData[i].field5;
										//1为单选 2为多选
										listsTemp.code = objectsData[i].field6;
										//选项
										listsTemp.option = objectsData[i].field7.split(",");
										//正确选项
										listsTemp.true_option = objectsData[i].field9.split(",");
										//用户选项
										listsTemp.current = objectsData[i].field12;
										//所选是否正确 默认为'' true为正确 控制选项高亮
										listsTemp.topic = JSON.parse(objectsData[i].field13);//字符串true转布尔
										//选项选择状态 默认为true false为选择
										listsTemp.code2 = JSON.parse(objectsData[i].field10);
										//1为文字 2为图片 选项
										listsTemp.isimg = objectsData[i].field8;
										//题目解析
										listsTemp.alt = objectsData[i].field11;
										// 选项处理
										let testList = [];
										if(_self.$myFunction.isEmpty(objectsData[i].field14) == false){
											let testListTemp = {};
											//选项1内容
											testListTemp.name =  objectsData[i].field14;
											//选项1是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field15);
											//选项1是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field16);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field17) == false){
											let testListTemp = {};
											//选项2内容
											testListTemp.name =  objectsData[i].field17;
											//选项2是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field18);
											//选项2是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field19);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field20) == false){
											let testListTemp = {};
											//选项3内容
											testListTemp.name =  objectsData[i].field20;
											//选项3是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field21);
											//选项3是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field22);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field23) == false){
											let testListTemp = {};
											//选项4内容
											testListTemp.name =  objectsData[i].field23;
											//选项4是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field24);
											//选项4是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field25);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field26) == false){
											let testListTemp = {};
											//选项5内容
											testListTemp.name =  objectsData[i].field26;
											//选项5是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field27);
											//选项5是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field28);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field29) == false){
											let testListTemp = {};
											//选项6内容
											testListTemp.name =  objectsData[i].field29;
											//选项6是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field30);
											//选项6是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field31);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field32) == false){
											let testListTemp = {};
											//选项7内容
											testListTemp.name =  objectsData[i].field32;
											//选项7是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field33);
											//选项7是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field34);
											testList.push(testListTemp);
										}
										if(_self.$myFunction.isEmpty(objectsData[i].field35) == false){
											let testListTemp = {};
											//选项8内容
											testListTemp.name =  objectsData[i].field35;
											//选项8是否正确答案
											testListTemp.code =  JSON.parse(objectsData[i].field36);
											//选项8是否选中
											testListTemp.click_index =  JSON.parse(objectsData[i].field37);
											testList.push(testListTemp);
										}
										listsTemp.testList = testList;
										_self.lists.push(listsTemp);
									}
									
								}
							}
						}else{
							//如果请求数据因token认证失败，则清空缓存token
							if(data.data.message.indexOf("接口访问未认证") != -1){
								uni.setStorage({
									key: 'wuLuToken',
									data: "",
									success: function () {	
										_self.$myFunction.displayLog("清空缓存token");
										//触发重新获取token
										_self.$myFunction.getToken();
										// 关闭所有页面，打开到应用内的某个页面。
										_self.$myFunction.displayLog("重加载当前页面");
										uni.reLaunch({
											url: '/pages/study/index'
										});
									}
								});
							}else{
								_self.$myFunction.displayLog("题目列表读取失败："+JSON.stringify(data));
								uni.hideToast();
								uni.showToast({title: '连接失败...',icon: 'none'});
							}	
						}
					},
					fail: (data, code) => {
						uni.hideToast();
						uni.showToast({title: '连接失败...',icon: 'none'});
						// 刷新完毕后关闭刷新
						uni.stopPullDownRefresh();
					}
				});
			}
		}
	}
</script>

<style lang="less">
	page{
		height:100%;
		background:#f5f5f5;
	}
	.questions{
		height:100%;
		position: relative;
		.test-header{
			position: absolute;
			top:0;
			left:0;
			z-index: 10;
			width: 690rpx;
			padding:0 30rpx;
			display: flex;
			justify-content: space-between;
			height:34px;
			line-height: 34px;
			border-bottom: solid 1px #ddd;
			background: #f5f5f5;
			view{
				color:#555;
				font-size: 14px;
				display: flex;
				image{
					margin-top:10px;
					margin-right:5px;
					width:14px;
					height:14px;
				}
				&:nth-child(1){
					font-size: 12px;
					text{
						color:#666;
					}
				}
				&:nth-child(3){
					font-size: 12px;
					text{
						color:#666;
					}
				}
			}
		}
		.questions-cont{
			height:100%;
			display: flex;
			flex-wrap: nowrap;
			transition: all .5s;
			.swiper-item{
				width:100vw;
				min-width:100vw;
				max-width:100vw;
				height:100%;
				overflow: auto;
				.test-main{
					padding:0 20rpx;
					margin:49px 30rpx;
					margin-bottom: 20px;
					background:#fff;
					.test-title{
						font-size: 16px;
						color:#333;
						padding:20rpx 0;
						text{
							font-size: 10px;
							color:#fff;
							background:#aaa;
							padding:2px 5px;
							margin-right:5px;
							border-radius: 3px;
						}
						.test-title-img{
							margin:20rpx auto;
							text-align: center;
							image{
								max-width:500rpx;
								max-height:250rpx;
							}
						}
					}
					.test-cont{
						display: flex;
						flex-direction: column;
						padding-bottom: 20rpx;
						&>view{
							min-height: 40px;
							line-height: 40px;
							display: flex;
							view{
								width:30px;
								height:30px;
								line-height: 30px;
								margin-top:4px;
								margin-right:7px;
								font-size: 14px;
								border:solid 1px #ddd;
								border-radius: 50%;
								box-shadow:2px 2px 5px #e5e5e5;
								text-align: center;
								color:#666;
							}
							image{
								max-width: 560rpx;
								max-height:280rpx;
								margin-bottom: 20rpx;
							}
							text{
								font-size: 13px;
								color:#555;
							}
							&.active_true{
								view{
									background:#1a7bb9;
									border:solid 1px #1a7bb9;
									color:#fff;
									font-size: 15px;
								}
								text{
									color:#1a7bb9;
								}
							}
							&.active{
								view{
									background:#FF6667;
									border:solid 1px #FF6667;
									color:#fff;
									font-size: 15px;
								}
								text{
									color:#FF6667;
								}
							}
						}
					}
				}
				.test-btn{
					background:#1FB19E;
					font-size: 14px;
					border-radius: 6px;
					text-align: center;
					line-height: 40px;
					color:#fff;
					height:40px;
					width:150px;
					margin:20px auto;
				}
				.test-describe{
					padding:0 20rpx;
					margin-bottom: 20px;
					border-top:solid 1px #ccc;
					.describe-title{
						height:48px;
						line-height: 48px;
						display: flex;
						text{
							color:#666;
							font-size: 12px;
						}
						image{
							width:14px;
							height:14px;
							margin-top:17px;
							margin-left:3px;
						}
					}
					.describe-cont{
						background:#f5f5f5;
						padding:12rpx;
						display: flex;
						flex-direction: column;
						&>text{
							color:#666;
							font-size: 14px;
							line-height: 24px;
							// &:nth-child(3){
							// 	font-size: 12px;
							// 	line-height: 20px;
							// }
						}
					}
				}
			}
		}
		.fixed-bottom{
			width:100%;
			height:100%;
			position: fixed;
			left:0;
			top:0;
			z-index: 999;
			background:rgba(0,0,0,.4);
			pointer-events: none;
			opacity: 0;
			transition:all .3s;
			.tibiao{
				position: absolute;
				bottom:0;
				left:0;
				background: #fff;
				width:710rpx;
				overflow: auto;
				height: 50%;
				padding:30rpx 20rpx;
				.tibiao-bar{
					display: flex;
					flex-direction: row-reverse;
					padding-bottom: 30rpx;
					border-bottom: solid 1px #ddd;
					height:16px;
					line-height: 16px;
					view{
						width:10px;
						height:10px;
						border-radius: 50%;
						margin-left: 30rpx;
						margin-top:3px;
						&.tibiao-yes{
							background:#1a7bb9;
						}
						&.tibiao-no{
							background:#FF6667;
						}
						&.tibiao-null{
							background:#999;
						}
					}
					text{
						margin-left:3px;
						display: inline-block;
						font-size: 13px;
						&.tibiao-yes2{
							color:#1a7bb9;
						}
						&.tibiao-no2{
							color:#FF6667;
						}
						&.tibiao-no3{
							color:#666;
						}
					}
				}
				&>view{
					&:nth-child(2){
						text{
							margin-left:22rpx;
							margin-top:10rpx;
							display: inline-block;
							width:100rpx;
							height:100rpx;
							line-height: 100rpx;
							text-align: center;
							border-radius: 50%;
							font-size: 14px;
							color:#666;
							background:#e4e4e4;
							&:nth-child(6n+1){
								margin-left:0;
							}
							&.active_o{
								background:#beddf1;
								color:#1a7bb9;
							}
							&.active_t{
								background:#fecece;
								color:#e3494a;
							}
						}
					}
				} 
			}
			&.active {
				opacity: 1;
				pointer-events: auto;
				transition:all .3s;
			}
		}
	}
	
	
</style>
